<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ page import="com.techgene.kanban.domain.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<link href="<c:url value="/css/addUser.css" />" rel="stylesheet">
	<script type="text/javascript" src="<c:url value="/js/project.js" />"></script>
	<script type="text/javascript" src="<c:url value="/js/jquery-1.11.0.js" />"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>Listing projects</title>
</head>

<body>
	<form class="smart-green">
	<h1>
			Edit/View Project <span>Please fill all the texts in the fields.</span>
	</h1>
		<h4>${statusMsg}</h4>
		<div id="listOfProjects">
		<c:choose>
			<c:when test="${fn:length(projects) gt 0}">
					<ul class="dsq-widget-list">
			
				<c:forEach var="project" items="${projects}" varStatus="status">
					<c:if test="${status.count%2==0 }">
						<li class="dsq-widget-item even">
					</c:if>
					<c:if test="${status.count%2!=0 }">
						<li class="dsq-widget-item odd">
					</c:if>
					
						<table>
							<tr>
								<td><a
									href="#" onclick="selecttheProjectByName('${project.projectName}')">${project.projectName}</a>&nbsp;&nbsp;&nbsp;&nbsp;<a
									href="deleteprojectByName?projectName=${project.projectName}"><img src="<c:url value="/images/delete.jpg" />" alt="Delete" height="15" width="15"></a></td>
							</tr>
							<tr>
								<td>${project.projectDescription}</td>

							</tr>

						</table>
					</li>
				</c:forEach>
				</ul>
			</c:when>
			<c:otherwise>No projects to display</c:otherwise>
		</c:choose>
		<a href="back"><img id="backButton" src="<c:url value="/images/backbutton.jpg" />" alt="Back" height="50" width="50" title="Back"></a>
		</div>
	</form>
</body>
</html>
